<template>
  <div>
    <van-nav-bar
      title="我的订单"
      left-arrow
      @click-left="
        $router.push({
          path: '/index',
          query: {
            latitude: latitude,
            longitude: longitude,
            name: name,
            val: val,
          },
        })
      "
    />

    <div class="foot">
      <Buttom :value="val"></Buttom>
    </div>
  </div>
</template>

<script>
import Buttom from "./bottom.vue";
export default {
  components: {
    Buttom,
  },

  data() {
    return {
      val: "外卖",
      name: JSON.parse(localStorage.getItem("name")),
      longitude: JSON.parse(localStorage.getItem("longitude")),
      latitude: JSON.parse(localStorage.getItem("latitude")),
    };
  },
};
</script>

<style lang="less" scoped>
/deep/.van-nav-bar {
  background-color: #3792e5;
  height: 50px;
  .van-nav-bar__title {
    color: #fff;
    font-weight: 700;
  }
  .van-nav-bar__arrow {
    color: #fff;
    font-size: 24px;
  }
}

.foot {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
</style>